We see that paragraph, and div are block elements, whereas span is an inline element.
This is a simple em element

This is a paragraph and it happens on the next line

This is also a paragraph

This is span This is a span


Using borders...

This is a paragraph

This is also a paragraph

This is span This is a span

Quiz Time

Check other tags (ul, ol, li, em, img, headings)

em:

This is an em tag Another em tag

Looks like it is an inline element.

ul:

Looks like it is an block element. Both from the borders and the positioning.

ol:

  1. element 1
  2. element 2
  3. element 3
  4. element 4
  1. element 1
  2. element 2
  3. element 3
  4. element 4

Looks like it is an block element. Both from the borders and the positioning.

li:

  1. element 1
  2. element 2
  3. element 3
  4. element 4

Looks like 'li' is also a block element. Both from the borders and the positioning. This makes sense considering that you need them to appear on the next lines.

img:

Random image Another Random Image

Really!? It's inline? Well, considering that images need borders around them, they do need to be inline.

Headings:

This is Heading 1

This is Heading 2

Block Elements